<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人简历</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-light">
    <div class="container">
        <a class="navbar-brand2" href="#">♤个人简历</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation" id="m">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
            <div class="navbar-nav">
                <a class="nav-item nav-link" href="" id="j">基本资料<span class="sr-only">(current)</span></a>
                <a class="nav-item nav-link" href="" id="j1">项目经验</a>
                <a class="nav-item nav-link" href="" id="j2">专业技能</a>
                <a class="nav-item nav-link" href="" id="j3">工作经历</a>
                <a class="nav-item nav-link" href="" id="j4">自我评价</a>
                <a class="nav-item nav-link" href="" id="j5">联系方式</a>
            </div>
        </div>
    </div>
</nav>




<header class="intro">
 <div class="intro-body">
     <div class="container">
         <div class="row">
             <div class="col-md-12 col-md-offset-2">
                 <h1>
                     简历
                     <span class="brand-heading">-前端工程师</span>
                 </h1>
                 <p class="intro-text">喜欢技术，热爱挑战</p>
                 <a href="" class="btn btn-circle page-scroll" id="h">
                     <img src="img/jian_03.png" alt="">
                 </a>
             </div>
         </div>
     </div>
 </div>

</header>

<div id="services" class="text-center">
    <div class="container">
       <div class="section-title center">
           <h2>基本 <strong>资料</strong></h2>
           <hr>
       </div>
        <div class="row">
            <div class="col-md-3 col-sm-6 service">
                <img src="img/gerenxinxi_03.png" alt="">
                <h4><strong>个人信息</strong></h4>
                <p>
                    名字: 刘格 &nbsp;性别：女<br>
                    年龄: 18岁 籍贯：河北
                </p>
            </div>
            <div class="col-md-3 col-sm-6 service">
                <img src="img/zhuanyexueli_05.png" alt="" class="">
                <h4><strong>专业学历</strong></h4>
                <p>
                    专业：计算机专业<br>
                    学历：大学本科<br>

                </p>
            </div>
            <div class="col-md-3 col-sm-6 service">
                <img src="img/biyexuexiao_07.png" alt="" class="">
                <h4><strong>毕业学校</strong></h4>
                <p>
                    毕业学校：泊头职业学院<br>
                    学习技能：代码编程
                </p>
            </div>
            <div class="col-md-3 col-sm-6 service">
                <img src="img/lianxifangshi_09.png" alt="" class="">
                <h4><strong>联系方式</strong></h4>
                <p>QQ：2931375287<br>
                    邮箱：2931375287@qq.com</p>
            </div>
        </div>
    </div>
</div>

<div id="works">
    <div class="container">
        <div class="section-title text-center center">
            <h2>项目 <strong>经验</strong></h2>
            <hr>
            <div class="clearfix"></div>
            <p>主要涉及电商，金融，家装领域，包括PC端，手机端，微信端，移动APP端等等，主要技术是HTML+CSS+JS</p>
        </div>
        <div class="categories">
            <ul class="cat">
                        <li><a href="#" class="active">所有</a></li>
                        <li><a href="#">PC端</a></li>
                        <li><a href="#">移动端</a></li>
                        <li><a href="#">响应式</a></li>
            </ul>
            <div class="row" id="main">
                <div class="active">
                    <div class="row">
                        <div class="col-md-3 b">
                            <a href="" class="">
                                <img src="img/HOME.png" class="img-responsive" alt="欧工商城">
                            </a>
                        </div>
                        <div class="col-md-3 b">
                            <a href="" class="">
                                <img src="img/javascript-zaixianfayi.png" alt="">
                            </a>
                        </div>
                        <div class="col-md-3 b">
                            <a href="" class="">
                                <img src="img/fuchouzhelianmeng.png" alt="">
                            </a>
                        </div>
                        <div class="col-md-3 b">
                            <a href="" class="">
                                <img src="img/yunba.png" alt="">
                            </a>
                        </div>
                        <div class="col-md-3 b">
                            <a href="" class="">
                                <img src="img/Genius.png" alt="">
                            </a>
                        </div>
                        <div class="col-md-3 b">
                            <a href="" class="">
                                <img src="img/jingdonggouwuche.png" alt="">
                            </a>
                        </div>
                        <div class="col-md-3 b">
                            <a href="" class="">
                                <img src="img/Reput.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>

                <div>
                    <div class="row">
                        <div class="col-md-4 b">
                            <a href="" class="">
                                <img src="img/javascript-zaixianfayi.png" alt="">
                            </a>
                        </div>
                        <div class="col-md-4 b">
                            <a href="" class="">
                                <img src="img/fuchouzhelianmeng.png" alt="">
                            </a>
                        </div>
                        <div class="col-md-4 b">
                            <a href="" class="">
                                <img src="img/jingdonggouwuche.png" alt="">
                            </a>
                        </div>
                    </div>

                </div>
                <div>
                    <div class="row">
                        <div class="col-md-6 b">
                            <a href="" class="">
                                <img src="img/fuchouzhelianmeng.png" alt="">
                            </a>

                        </div>
                        <div class="col-md-6 b">
                            <a href="" class="">
                                <img src="img/Genius.png" alt="">
                            </a>

                        </div>
                    </div>
                </div>

                 <div>
                     <div class="row">
                         <div class="col-md-6 b">
                             <a href="" class="">
                                 <img src="img/yunba.png" alt="">
                             </a>

                         </div>
                         <div class="col-md-6 b">
                             <a href="" class="">
                                 <img src="img/Reput.png" alt="">
                             </a>
                         </div>
                     </div>
                 </div>

                </div>
                </div>
            </div>
        </div>

<div id="about">
    <div class="container">
        <div class="section-title text-center center">
            <h2><strong>专业</strong> 技能</h2>
            <hr>
        </div>
        <div class="row">
            <div class="col-md-6">
                <img src="img/about.png" class="img-responsive">
            </div>
            <div class="col-md-6">
                <div class="about-text">
                    <div class="row">
                        <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-2" style="margin-top: 35px">
                                        <div>
                                            <img src="img/pc_03.png" alt="" class="fa">
                                        </div>

                                    </div>
                                    <div class="col-md-10">
                                        <div class="padding-left">
                                            <h4>PC端</h4>
                                        <p>熟练使用HTML/CSS技术，精通Javascript/jquery编程,能够熟练使用angularjs，reactjs等前端MVC框架进行模块开发，熟练的使用grunt，gulp等前端工具，了解less，sass，stylus，coffeescript等前端新技术</p></div>
                                  </div>

                                    <div class="col-md-2" style="margin-top: 35px">
                                        <div>
                                            <img src="img/yidong_06.png" alt="" class="fa">
                                        </div>

                                    </div>
                                    <div class="col-md-10" style="margin-top: 35px">
                                        <div class="padding-left">
                                            <h4>移动端</h4>
                                            <p>熟练使用zepto.js，Frozen ui，Amaze ui等移动框架进行移动页面的开发，熟练使用threejs等js引擎进行3d效果和H5游戏的开发.</p>
                                        </div>
                                    </div>

                                    <div class="col-md-2" style="margin-top: 35px">
                                        <div>
                                            <img src="img/qita_09.png" alt="" class="fa">
                                        </div>

                                    </div>
                                    <div class="col-md-10" style="margin-top: 35px">
                                        <div class="padding-left">
                                            <h4>其它</h4>
                                            <p>懂网站性能优化，网站百度排名和SEO优化，熟练使用photoshop等切图工具，会常见的UI技巧，懂Java，php等后台语言开发.</p>
                                        </div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="testimonials" class="text-center">
    <div class="container">
        <div class="section-title center">
            <h2>自我 <strong>评价</strong></h2>
            <hr>
        </div>
        <div class="row">
            <div class="col-md-12 col-md-offset-2">
                <div id="testimonial" class="owl-carousel owl-theme" style="opacity: 1; display: block;">
                    <div class="owl-wrapper-outer"><div class="owl-wrapper" style="left: 0px; display: block;"><div class="owl-item"><div class="item">
                        <p>
                            热爱学习,良好的团队合作精神，能迅速融入新的团队。<br>易和人相处，拥有良好的亲和力。
                        </p>
                    </div></div><div class="owl-item"><div class="item">
                        <p>
                            有强烈的责任感，工作踏实，性格开朗乐观，积极上进，吃苦耐劳。<br>能在较大的压力下保持良好的工作状态，善于自我调节。
                        </p>
                    </div></div><div class="owl-item"><div class="item">
                        <p>
                            非常热爱编程，喜欢钻研新的技术，喜欢接受各种不同的挑战。<br>具有很强的自学能力和良好的学习方法。
                        </p>
</div>
                        </div>
            </div>
        </div>
    </div>
</div>
            </div>
        </div>
    </div>

<div id="contact" class="text-center">
    <div class="container">
        <div class="section-title center">
            <h2><strong>联系</strong> 方式</h2>
            <hr>
        </div>

            <div class="col-md-8 col-md-offset-2" style="margin: auto;">
                <div class="row">
                    <div class="col-md-4">
                        <img src="img/10_03.png" alt="" class="fa">
                        <p>沧州市泊头市</p>
                    </div>
                    <div class="col-md-4">
                        <img src="img/20_06.png" alt="">
                        <p>2931375287@qq.com</p>
                    </div>
                    <div class="col-md-4">
                        <img src="img/30_05.png" alt="">
                        <p>QQ:2931375287 </p>
                    </div>
                </div>

                <!--<hr>-->
                <div class="clearfix"></div>
            </div>

        <div class="col-md-8 col-md-offset-2" style="margin: auto;">
            <!--<hr>-->
            <h3>给我发邮件</h3>
            <form name="sentMessage" id="contactForm" novalidate="">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <input type="text" id="name" class="form-control" placeholder="姓名" required="required">
                            <p class="help-block text-danger"></p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <input type="email" id="email" class="form-control" placeholder="邮箱" required="required">
                            <p class="help-block text-danger"></p>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <textarea name="message" id="message" class="form-control" rows="4" placeholder="内容" required=""></textarea>
                    <p class="help-block text-danger"></p>
                </div>
                <div id="success"></div>
                <button type="submit" class="btn btn-default">确认发送</button>
            </form>
        </div>
    </div>
</div>

<nav id="footer">
    <div class="container">
        <div class="pull-left fnav" style="text-align: left;float: left;">
            <p>Copyright © 2019 作者：刘格. 前端工程师
               <a href="https://www.cnzz.com/stat/website.php?web_id=1257641755" target="_blank" title="站长统计" style="color: #fff;">站长统计</a>
                <a style="color:#F4D03F" href="http://blog.youzewang.com/" target="_blank" title="前端博客">个人博客</a> </p>
        </div>
        <div class="pull-right fnav" style="text-align: right">
            <ul class="footer-social">
                <li><a href="http://v.t.sina.com.cn/share/share.php?url=http://blog.youzewang.com/jianli&amp;title=Baron简历"><img
                        src="img/11_03.png" alt=""></a></li>
                <li><a href="http://connect.qq.com/widget/shareqq/index.html?url=http://blog.youzewang.com/jianli=&amp;title=Baron简历"><img
                        src="img/22_05.png" alt=""></a></li>
                <li><a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://blog.youzewang.com/jianli&amp;title=Baron简历"><img
                        src="img/33_07.png" alt=""></a></li>

                <li><a href="http://share.renren.com/share/buttonshare.do?link=http://blog.youzewang.com/jianli&amp;title=Baron简历"><img
                        src="img/44_10.png" alt=""></a></li>
            </ul>
        </div>
    </div>
</nav>

</body>
<script src="js/javascript.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</html>